/* 深色背景和基础字体颜色 */
body {
    background-color: #121212;
    color: #e0e0e0;
    font-family: 'Segoe UI', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Element UI 基础样式调整 */
.el-table, .el-form, .el-dialog, .el-input, .el-select, .el-card, .el-tabs {
    background-color: #1e1e1e;
    color: #e0e0e0;
}

    .el-table th {
        background-color: #2a2a2a;
        color: #c2c2c2;
    }

    .el-table td {
        background-color: #1e1e1e;
        color: #e0e0e0;
    }

.el-button {
    border-color: #555;
}

.el-dialog {
    background-color: #1e1e1e;
    color: #fff;
}

.el-input__inner, .el-select .el-input__inner {
    background-color: #2a2a2a;
    border-color: #555;
    color: #e0e0e0;
}

.el-switch__core {
    background-color: #555 !important;
}

/* Tab 样式 */
.el-tabs__item {
    color: #ccc;
}

    .el-tabs__item.is-active {
        color: #42b983;
    }

.el-tabs__content {
    background-color: #1e1e1e;
    padding: 16px;
}

/* Divider */
.el-divider__text {
    background-color: #121212;
    color: #aaa;
}

/* 消息弹窗 */
.el-message {
    background-color: #333;
    color: #fff;
    border-color: #555;
}

.el-message--success {
    background-color: #2e7d32;
}

.el-message--error {
    background-color: #c62828;
}

/* Tooltip、下拉菜单等浮层 */
.el-popper, .el-dropdown-menu {
    background-color: #1e1e1e !important;
    color: #e0e0e0;
}

/* 滚动条美化 */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #1e1e1e;
}

::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 4px;
}


/* 深色 el-table 样式覆盖 */
.el-table {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
}

.el-table__header {
    background-color: #2a2a2a !important;
}

    .el-table__header th {
        background-color: #2a2a2a !important;
        color: #cccccc !important;
    }

.el-table__body {
    background-color: #1e1e1e !important;
}

    .el-table__body td {
        background-color: #1e1e1e !important;
        color: #e0e0e0 !important;
    }

/* 修复边框不明显的问题 */
.el-table td, .el-table th {
    border-color: #333 !important;
}

/* 修复选中行颜色 */
.el-table__body tr:hover > td {
    background-color: #333 !important;
}

/* 设置斑马纹行颜色 */
.el-table--striped .el-table__body tr.el-table__row--striped td {
    background-color: #242424 !important;
}


.el-message--error {
    background-color: #f56c6c !important; /* 保持红色背景 */
    color: #fff !important; /* 白色字体 */
}

    .el-message--error .el-message__content {
        color: #fff !important; /* 确保内容字体是白色 */
    }